article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body {   
 font-family:Arial, Helvetica, sans-serif;
 font-size:100%; 
 color:#808080;
 min-width:320px;
 background-image: url(http://www.csstemplatesfree.org/preview/Designfolio/images/bg_slider.gif);
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 50%;
background-position-y: 0%;
background-origin: initial;
background-clip: initial;
background-color: initial;
height: 234px;
}

.bg {width:100%; background:url(http://www.csstemplatesfree.org/preview/Designfolio/images/bg_slider.gif) center 0 no-repeat;}

.main {
 width:960px;  
 padding:0;
 margin:0 auto;
 font-size:0.875em;
 line-height:1.5714em;
}

a {color:#fff; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:42px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.it {font-style:italic;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#666;}

/*********************************boxes**********************************/
.indent {padding:20px 10px 0 0;}
.indent-left {padding-left:15px;}
.indent-left2 {padding-left:20px;}
.indent-right {padding-right:50px;}
.indent-top {padding-top:15px;}
.indent-top2 {padding-top:20px;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.prev-indent-bot {margin-bottom:10px;}
.img-indent-bot {margin-bottom:25px;}
.margin-bot {margin-bottom:35px;}

.img-indent {float:left; margin:0 25px 0px 0;} 
.img-indent2 {float:left; margin:0 40px 0px 0;} 
.img-indent-r {float:right; margin:0 0px 0px 40px;} 

.buttons a:hover {cursor:pointer;}

.menu a,
.list-1 a,
.list-2 a,
.list-services a,
.link,
.link-2,
.button,
h1 a {text-decoration:none;} 
/*********************************content*************************************/
#content {
 width:100%; 
 padding:10px 0 10px;
 position:relative;
 z-index:1;
}
#page1 #content,
#page3 #content{padding:33px 0 50px;}

.spacer-1 {
 width:100%; 
 background:url(http://www.csstemplatesfree.org/preview/Designfolio/images/bg_slider.gif) 217px 0 repeat-y;
}

h2 {
 font-size:35px; 
 line-height:1.2em; 
 margin-bottom:-10px;
 color:#eb3c03;
 text-transform:uppercase;
 letter-spacing:-2px;
}
h3 {
 font-size:32px; 
 line-height:1.218em; 
 color:#ebebeb;
 font-weight:normal;
 letter-spacing:-1px;
 margin-bottom:12px;
}
h6 {color:#fff; font-weight:normal;}

.border-bot {
 width:100%; 
 padding-bottom:18px; 
 background:url(../images/pic-1.gif) 0 bottom repeat-x;
}

.box {
 position:relative;
 overflow:hidden;
 border:1px solid #0d0d0d;
 background:url() 0 0 repeat-x #0d0d0d;
 border-radius:12px;
 margin:1px 0;
 box-shadow: 0px 0px 0px 1px #2b2b2b;
 -moz-box-shadow: 0px 0px 0px 1px #2b2b2b;
 -webkit-box-shadow: 0px 0px 0px 1px #2b2b2b;
}
 .box .padding {padding:23px 40px 23px 23px;}
 #page2 .box .padding {padding:23px 15px 23px 23px;}
 #page5 .box .padding {padding:16px 40px 23px 23px;}
 
.box-2 {
 overflow:hidden;
 border:1px solid #0d0d0d;
 background:#0d0d0d;
 border-radius:12px;
 margin:1px 0;
 box-shadow: 0px 0px 0px 1px #2b2b2b;
 -moz-box-shadow: 0px 0px 0px 1px #2b2b2b;
 -webkit-box-shadow: 0px 0px 0px 1px #2b2b2b;
}
 .box-2 .padding {padding:13px 23px 20px;}
 #page3 .box-2 .padding {padding:13px 13px 20px 23px;}
 
blockquote {
 width:100%;
 background:url() 0 0 no-repeat;
}
 blockquote .padding-left {padding-left:40px;}
 
.numb {
 display:block;
 width:72px;
 overflow:hidden;
 font-size:50px;
 line-height:72px;
 color:#202020;
 background:url(../images/numb-tail.gif) 0 0 repeat-x #d9d9d9;
 border-radius:12px;
 text-align:center;
 float:left;
 margin-right:25px;
}

.button {
 display:inline-block; 
 padding:5px 36px 8px;
 font-size:16px;
 line-height:2em;
 color:#0d0d0d; 
 background:url(../images/button-tail.gif) 0 0 repeat-x #d9d9d9;
 cursor:pointer;
 border-radius:12px;
}
.button:hover {color:#fff; background:#ee4704;}

.list-1 li {
 line-height:20px; 
 padding:5px 0 5px 15px; 
 background:url(../images/marker-2.gif) 0 10px no-repeat;
}
 .list-1 li a {display:inline-block;}
 .list-1 li a:hover {text-decoration:underline;}

.list-2 li {
 font-size:14px; 
 line-height:24px; 
 padding:0px; 
 background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
 .list-2 li a {
  display:block; 
  color:#1799cf; 
  padding-left:12px; 
  background:url(../images/marker-1.gif) 0 10px no-repeat;
 }
 .list-2 li a:hover {color:#fff;}
 .list-2 .last-item {background:none;}

.link:hover {text-decoration:underline;} 

.link-1 {
 display:block; 
 width:13px;
 height:20px;
 cursor:pointer;
 background:url(../images/marker-1.png) left top no-repeat;
 position:absolute;
 right:23px;
 bottom:36px;
 z-index:9;
}
.link-1:hover {background-position:left bottom;} 

.link-2 {
 display:inline-block; 
 padding-left:15px;
 cursor:pointer;
 background:url(../images/marker-2.gif) 0 6px no-repeat;
}
.link-2:hover {text-decoration:underline;} 

.text-1 {font-size:14px;} 
.text-2 {font-size:14px; line-height:1.285em;}  

dl {color:#808080;}
dl span {float:left; width:76px; color:#fff;}

/***** contact form *****/
#contact-form {display:block;}
 #contact-form label {
  display:block; 
  height:30px; 
  overflow:hidden;
 }
 #contact-form input {
  float:left; 
  width:309px; 
  font-size:12px; 
  line-height:1.25em;
  color:#fff;
  padding:0px 10px; 
  margin:1px 0 0 1px; 
  font-family:Arial, Helvetica, sans-serif; 
  border:1px solid #000; 
  background:#0d0d0d;
  box-shadow: 0px 0px 0px 1px #2b2b2b;
  -moz-box-shadow: 0px 0px 0px 1px #2b2b2b;
  -webkit-box-shadow: 0px 0px 0px 1px #2b2b2b;
  outline:none;
 }
 #contact-form textarea {
  float:left;
  height:169px; 
  width:784px; 
  font-size:12px; 
  line-height:1.25em;
  color:#fff;
  padding:2px 10px; 
  margin:1px 0 0 1px; 
  font-family:Arial, Helvetica, sans-serif; 
  border:1px solid #000; 
  background:#0d0d0d;
  box-shadow: 0px 0px 0px 1px #2b2b2b;
  -moz-box-shadow: 0px 0px 0px 1px #2b2b2b;
  -webkit-box-shadow: 0px 0px 0px 1px #2b2b2b;
  overflow:auto;
  outline:none;
 }
.text-form {
 float:left; 
 display:block; 
 font-size:14px;
 line-height:1.5em;
 width:112px; 
 color:#fff;
 font-family:Arial, Helvetica, sans-serif;
}

.buttons {padding:16px 0 0 0; text-align:right;}
.buttons a {margin-left:10px;} 
  
/****************************footer************************/
footer {
 width:100%; 
 height:112px;
 color:#0d0d0d;
 background:url(../images/footer-tail.gif) center top repeat-x;
 text-align:center;
 position:relative;
 z-index:99;
 overflow:hidden;
}
 footer a {color:#e82d02;}
 footer p {margin:0;}
 footer .inner {padding-top:35px;}

 
/*********extra***********/
.block {height:112px;}
.extra {
 min-height:100%; 
 height:auto !important; 
 height:100%; 
 margin: 0 auto -112px; 
 position:relative;
 overflow:hidden;
 background:url() center top no-repeat;
} 
html, body {height:100%;}
